<!doctype html>
<html>
<head>
    <title>Lucky Ball</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="${rc.contextPath}/resources/seajs/static/lucky/src/style.css">
</head>
<body>
<button id="go" data-text-start="Space to Start" data-text-stop="Space to Stop" data-action="start"></button>

<div id="container">
    <ul id="balls">
    </ul>
    <ul id="lucky-balls">
    </ul>
</div>

<script src="${rc.contextPath}/resources/seajs/sea-modules/seajs/seajs/2.2.0/sea.js"></script>
<script>

    // Set configuration
    seajs.config({
        base: "${rc.contextPath}/resources/seajs/sea-modules/",
        alias: {
            "jquery": "${rc.contextPath}/resources/seajs/sea-modules/jquery/jquery/1.10.1/jquery.js",
            "jquery-easing": "${rc.contextPath}/resources/seajs/sea-modules/jquery/easing/1.3.0/easing.js"
        }
    });

    // For development
    // if (location.href.indexOf("?dev") > 0) {
    if (true) {
        seajs.use("${rc.contextPath}/resources/seajs/static/lucky/src/main");
    }
    // For production
    else {
        seajs.use("${rc.contextPath}/resources/seajs/examples/lucky/1.0.0/main");
    }
</script>

</body>
</html>